<template>
  <div class="content">
    <router-view></router-view>

    <van-tabbar v-model="active">
      <van-tabbar-item to="/index" icon="wap-home">首页</van-tabbar-item>
      <van-tabbar-item to="/discover" icon="eye">发现</van-tabbar-item>
      <van-tabbar-item to="/classify" icon="apps-o">分类</van-tabbar-item>
      <van-tabbar-item to="/cart" icon="shopping-cart">购物车</van-tabbar-item>
      <van-tabbar-item to="/my" icon="contact">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: "index",
  data() {
    return {
      zIndex: 0,
      active: 0
    };
  },
  methods: {
    
  }
};
</script>

<style scoped>
.iconfont {
  font-size: 48px;
}
.iconfont span {
  font-size: 24px;
}
.van-tabbar-item--active {
  color: #000;
}
</style>